<template>
    <fieldset>
        <legend>窗外</legend>
        <h1>今夜我又悄悄来到你的窗外窗帘上你的影子多么可爱</h1>
        <h1>悄悄的爱过你这么多年明天我就要离开</h1>
        <h1>动态路由参数{{$route.params}}</h1>
        <fieldset>
            <legend>购物车数据</legend>
            <ul>
                <li v-for="item in $store.state.products">{{item.title}}</li>
            </ul>
        </fieldset>
    </fieldset>
</template>
<script>
    export default{
        mounted(){
            //$route,     //当前路由对象
            //$router     //整个项目的路由对象，$route是$router里面的一个属性
            console.log('$route',this.$route)
            console.log('$router',this.$router)
            this.$store.dispatch('FETCH_PRO')
        }
    }
</script>